<template>
  <div>
    <el-dialog v-model="dialogVisible" width="720px" lock-scroll>
      <template v-slot:header>
        <div class="dialog-title">百昌师爷AI：携手满血版DeepSeek-R1模型，重塑不良资产行业未来，加速AGI时代步伐</div>
      </template>
      <div class="dialog-main">
        <div class="describe">
          在数字化转型的浪潮中，百昌师爷AI凭借其前沿的技术实力与深厚的行业经验，正式接入了满血版DeepSeek-R1模型，为不良资产行业带来了一场前所未有的革新。这一强强联合，不仅标志着我们在智能风控与资产管理领域迈出了坚实的一步，更预示着AGI（通用人工智能）技术在金融实践中的深度应用与快速发展。
        </div>
        <div class="dialog-item">
          <div class="item-title">【百昌师爷AI尽调报告：专业高效，一键洞察】</div>
          <div class="item-content">
            借助满血版DeepSeek-R1模型的强大算力与深度学习能力，百昌师爷AI尽调报告实现了从数据收集到报告生成的全面智能化升级。一键操作，即可快速生成多维度、高度专业化的尽职调查报告。该报告广泛覆盖交易各方的主体资格、企业权证、企业资质、高新技术企业认定、失信惩罚措施或行政处罚等关键信息，为金融机构风控管理、不良资产高效处置、企业并购重组等复杂场景提供坚实的信息基石。
          </div>
        </div>
        <div class="dialog-item">
          <div class="item-title">【核心优势：精准高效，赋能决策】</div>
          <div class="item-content notice-label">
            <span class="label">报告质量跃升新高度：</span
            >结合DeepSeek-R1模型的深度学习算法与百昌在不良资产领域的深厚积累，百昌师爷AI尽调报告在数据的全面性、分析的深度及结论的可靠性上均达到了前所未有的高度，远超传统人工报告，为决策提供强有力的数据支撑。
          </div>
          <div class="item-content notice-label">
            <span class="label">极速生成，效率倍增：</span>
            依托先进的算法与模型优化，海量数据得以秒速处理，报告生成时间大幅缩短，助力企业快速响应市场变化，提升工作效率。
          </div>
          <div class="item-content notice-label">
            <span class="label">成本优化，人力减负：</span>
            自动化数据采集、分析与报告撰写流程的引入，显著降低了人力成本，让企业能够将更多资源投入到核心业务中，实现资源的最优配置。
          </div>
          <div class="item-content notice-label">
            <span class="label">决策加速，精准无误：</span>
            百昌师爷AI不仅提供全面、专业的报告内容，还通过再查查数据库的实时更新功能，确保用户随时掌握最新信息，加速决策过程，提升决策准确性与效率。
          </div>
          <div class="item-content notice-label">
            <span class="label">风险可控，决策无忧：</span>
            通过深度挖掘与分析，百昌师爷AI能够精准识别潜在风险点，为用户提供科学的风险评估与控制建议，有效降低决策风险，保障资产安全。
          </div>
        </div>
      </div>
      <template v-slot:footer>
        <span class="dialog-footer">
          <el-button @click="closeFn" round
            >去使用<el-icon style="vertical-align: middle; margin-left: 5px"> <Right /> </el-icon
          ></el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue"
const dialogVisible = ref(false)
const closeFn = () => {
  dialogVisible.value = false
}
defineExpose({ dialogVisible })
</script>

<style lang="scss" scoped>
:deep(.el-dialog) {
  padding: 0 !important;
  .el-dialog__header {
    padding: 0;
  }
  .el-dialog__footer {
    border-top: none;
    padding-top: 0;
  }
}
.dialog-title {
  width: 100%;
  // height: 118px;
  background: url("../../../assets/chat/dialogBgc.png") no-repeat center center;
  background-size: cover;
  color: #333;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 141.667% */
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding: 20px 60px 20px 20px;
  border-radius: 20px 20px 0 0;
  text-align: left;
}
.dialog-main {
  padding: 0 23px;
  height: 380px;
  overflow: auto;
  .describe {
    color: #666;
    font-family: "PingFang SC";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
  .dialog-item {
    margin-top: 10px;
    &:first-child {
      margin-top: 0;
    }
    .item-title {
      color: #333;
      font-family: "PingFang SC";
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 25px;
      margin-bottom: 5px;
    }
    .item-content {
      color: #666;
      font-family: "PingFang SC";
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      .sub-item-title {
        font-size: 12px;
        color: #333;
        font-weight: 500;
      }
    }
    .notice-label {
      position: relative;
      margin-left: 20px;
      .label {
        color: #333;
        font-weight: 500;
      }
      &::before {
        content: "";
        width: 8px;
        height: 8px;
        position: absolute;
        border-radius: 50%;
        top: 7px;
        left: -15px;
        background: #5577ff;
      }
    }
  }
}
.dialog-footer {
  display: flex;
  justify-content: flex-end;
  padding: 23px;
  .el-button {
    background-image: linear-gradient(128deg, #4672ff -1.27%, #7daafc 109.62%);
    color: #fff;
    width: 113px;
    height: 32px;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
}
</style>
